/* ----------------------------------
  CSS default stylesheet
  Jan Panschab
---------------------------------- */
/* ----------------------------------------------------------------
  reset & basic settings
---------------------------------------------------------------- */
body,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend,
th, td, hr, pre, p, blockquote { margin: 0; padding: 0; }
article, aside, figure, footer, header, hgroup, nav, section { display: block; }
nav ul { list-style: none; }
h1,h2,h3,h4,h5,h6 { text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }


/* ----------------------------------------------------------------
  basic elements
---------------------------------------------------------------- */
body { font: 14px Calibri, Arial, Helvetica, sans-serif; background: #ccc; }

h1, h2, h3, h4, h5, h6 {
	position: relative;
	clear: both;
	font-weight: normal;
	padding: 1em 0 0.5em;
	line-height: 1.2;
	color: #339;
	font-family: Candara, Verdana, "Geneva CE", lucida, sans-serif;
}
h1 { font-size: 30px; padding-top: 0em; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; }

a { color: #339; }
a:hover { text-decoration: none; }
a:visited { color: #666; }
a:active, a:focus { background-color: #339; color: #fff; }

p { font-size: 14px; line-height: 1.5; padding: 0 0 1em; text-align: justify; }

hr { clear: both; border: none; height: 1px; margin-bottom: 2em; padding-top: 2em; border-bottom: 1px solid #666; }

img { margin: 0.5em 0; border: 1px solid #999; padding: 4px; }
img.left { float: left; margin-right: 1.5em; }
img.right { float: right; margin-left: 1.5em; }
a img { border-color: #339; }
a:hover img { border-color: #999; }

ul, ol { font-size: 14px; line-height: 1.5; list-style: outside; padding: 0.5em 0 1em 2em; }
ul ul, ol ol, ul ol, ol ul { padding: 0 0 0 2em; }
ul { list-style-type: circle; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: square; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }

dl { font-size: 14px; padding: 0; line-height: 1.5; }
dt { font-style: italic; }
dd { padding: 0 0 1em 2em; }

table { font-size: 14px; border-collapse: collapse; margin: 0.5em 0 1em; }
td, th { border: 1px solid #bbb; padding: 0.3em 0.6em; line-height: 1.5; }
thead, tfoot, th { background: #ddd; }
tbody td, tbody th, thead th { border-bottom: 1px solid #777; }

form { margin: 0.5em 0 1em; }
form fieldset { border: 1px solid #aaa; padding: 1.5em 1.5em 0.5em; }
form legend { font-size: 14px; padding: 0 0.5em; }
form label { display: inline-block; width: 100px; margin-right: 10px; text-align: right; font-weight: bold; }
form label.top { vertical-align: top; }
form input[type=text], form input[type=password], form input[type=file], form textarea, form select { font: 1em "Courier New", Courier, monospace; }
form input[type=text], form input[type=password], form input[type=file], form textarea { padding: 0.3em; }
form input[type=text], form input[type=password], form input[type=file], form textarea, form select { border: 1px solid #ccc; border-top: 1px solid #aaa; }
form input[type=text], form input[type=password] { width: 200px; }
form input[type=file] { width: 210px; height: 2em; }
form select { padding: 0.1em; }
form option { margin-bottom: 0.2em; }
form textarea { width: 540px; }
form input[type=submit] { padding: 0.4em 1em; }
form .no-label, form .line, form .list { margin-left: 115px; }
form .line, form .list { position: relative; border: 0; padding: 0 0 1em; }
form .line legend span, form .list legend span {
	position: absolute;
	top: 0;
	left: -125px;
	display: block;
	width: 100px;
	text-align: right;
	margin: 0 10px;
	white-space: normal;
	font-weight: bold;
}
form .line p { display: inline; }
form .list p { padding-bottom: 0.5em; overflow: hidden; }
form .line label, form .list label { text-align: left; line-height: normal; width: auto; margin-right: 15px; font-weight: normal; }

.ie8 form legend { color: #000; }
.ie8 form fieldset { padding-bottom: 1.5em; }
.ie8 form p { padding: 1em 0 0; }
.ie8 form .line, form .list { margin-top: 1em; padding-bottom: 0; }
.ie8 form .line p, form .list p { padding-top: 0; }


/* ----------------------------------------------------------------
  basic classes
---------------------------------------------------------------- */
.nod { display: none; }
.spaceman { position: absolute; top: -3000px; left: 0; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.fll { float: left !important; }
.flr { float: right !important;}
.clrb { clear: both; }
.clrl { clear: left; }
.clrr { clear: left; }


/* ----------------------------------------------------------------
  MODULES
---------------------------------------------------------------- */

/* ----------------------------------------------------------------
  form in one column (text above input)
---------------------------------------------------------------- */
.one-col label { display: block; width: auto; text-align: left; }
.one-col .line, .one-col .list { margin-left: 0; }
.one-col .line legend, .one-col .list legend { padding: 0; }
.one-col .line legend span, .one-col .list legend span { position: static; width: auto; margin: 0 0 0.5em; line-height: 1.6; }
.one-col .line label, .one-col .list label { display: inline; }
.one-col .no-label { margin-left: 0; }


/* ----------------------------------------------------------------
  flash messages
---------------------------------------------------------------- */
.positive, .negative, .warning, .information { padding: 0.5em 1em; margin: 0 0 1em; }
.positive { color: #060; background: #bfb; border: 1px solid #696; }
.negative { color: #600; background: #faa; border: 1px solid #966; }
.warning { color: #660; background: #ff9; border: 1px solid #990; }
.information { color: #006; background: #bbf; border: 1px solid #669; }


/* ----------------------------------------------------------------
  layout
---------------------------------------------------------------- */
#page { width: 700px; margin: 10px auto; padding: 10px 20px; background: #fff; }



/* ----------------------------------------------------------------
  print
---------------------------------------------------------------- */
@media print {
	* { background: transparent !important; color: #444 !important; text-shadow: none; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
  
	body { font: 12pt Cambria, "Times New Roman", serif; line-height: 1.5; }
	
	h1, h2, h3, h4, h5, h6 {
		clear: both;
		margin: 0;
		padding: 1em 0 0.5em;
		line-height: 1.2;
		font-family: Constantia, "Times New Roman", serif;
	}
	h1 { font-size: 22pt; }
	h2 { font-size: 18pt; }
	h3 { font-size: 16pt; }
	h4 { font-size: 14pt; }
	h5 { font-size: 13pt; }
	h6 { font-size: 12pt; }
	
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a:after { content: " (" attr(href) ")"; font-size: 75%; } 
	
	img { page-break-inside: avoid; margin: 0.5em 0; border: 0; }
	img.left { float: left; margin-right: 10px; }
	img.right { float: right; margin-left: 10px; }
	
	table { border-collapse: collapse; margin: 0.5em 0 1em; }
	td, th { border: 1px solid #bbb; padding: 0.3em 0.6em; line-height: 1.6; }
	
	.spaceman, form, #nav, #crumbs, #paging, hr, #footer {
		display: none;
	}
}



@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

/* Grade-A Mobile Browsers */
@media screen and (max-device-width: 480px) {
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 

}